#mine {
	display: flex;
	flex-direction: column;

	main {
		flex-grow: 1;
		background-color: #539dff;
		background-color: #e8e8e8;
		#main1 {
			width: 100%;
			height: 250px;
			background-color: #fff;
			margin-bottom: 20px;
			padding: 40px 0 20px 20px;
			box-sizing: border-box;
			#myname {
				position: relative;
				display: flex;
				height: 120px;
				line-height: 120px;
				margin-bottom: 30px;
				i {
					position: absolute;
					left: 80px;
					bottom: -55px;
					color: #ff6600;
					font-size: 40px;
				}
				img {
					width: 120px;
					height: 120px;
					border: 2px solid #539dff;
					border-radius: 60px;
					margin-right: 15px;
				}
				#modifyBtn {
					position: absolute;
					right: 40px;
					font-family: 宋体;
					font-size: 20px;
					font-weight: bold;
					color: #888;
				}
			}
		}
		//  运动数据 
		#main2 {
			width: 100%;
			height: 170px;
			background-color: #fff;
			margin-bottom: 20px;
			padding: 20px;
			box-sizing: border-box;
			i {
				color: #539dff;
				font-size: 20px;
			}
			p {
				width: 235px;
				display: inline-block;
				text-align: right;
				i {
					color: #ccc;
				}
			}
			#sport {
				display: flex;
				justify-content: space-around;
				margin-top: 20px;
				#time {
					width: 50%;
					height: 74px;
					padding: 0 10px;
					box-sizing: border-box;
					border-right: 1px dashed #ccc;
					h1 {
						display: inline-block;
						margin-top: 20px;
						color: #539dff;
					}
				}
				#calorie {
					width: 50%;
					height: 74px;
					padding: 0 10px;
					box-sizing: border-box;
					h1 {
						display: inline-block;
						margin-top: 20px;
						color: #539dff;
					}
				}
			}
		}
		// 运动徽章
		#main3 {
			width: 100%;
			height: 180px;
			background-color: #fff;
			margin-bottom: 20px;
			padding: 20px;
			box-sizing: border-box;
			i {
				color: #539dff;
				font-size: 20px;
				margin-right: 10px;
			}
			p {
				width: 243px;
				display: inline-block;
				text-align: right;
				i {
					color: #ccc;
				}
			}

			#badges {
				display: flex;
				justify-content: space-around;
				margin-top: 20px;

				div {
					width: 100px;
					height: 100px;
					border: 1px solid #ccc;
					border-radius: 60px;
				}
			}
		}
		#main4 {
			width: 100%;
			height: 55px;
			line-height: 55px;
			background-color: #fff;
			text-align: center;
			#exitLogin {
				color: #539dff;
				font-size: 20px;
				background-color: #fff;
			}
		}
	}
}
